<template>
	<body>
		<div>
		</div>

		<div class="box-m">
			<div class='shang flex'>
				<div class='shang-one'>总金额</div>
				<div class='shang-two'>账单</div>
			</div>
			<div class='xian'></div>
			<div class='xia flex'>
				<div class='xia-one'>可用金额</div>
				<div class='xia-two'>冻结金额</div>
			</div>
		</div>

		<div class="box-s flex">
			<div class='bos-s-one'>待结算金额
				<span>****</span>
			</div>
			<div class='bos-s-two'>累计提现金额
				<span>****</span>
			</div>
		</div>

		<div class='zhifu'>
			<div>第三方支付</div>
			<div>银行卡绑定</div>
		</div>

		<div><button>提现</button></div>

	</body>
</template>

<script>
	export default {

		data() {
			return {
				title: ''
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	body {
		height: 100%;
		width: 100%;
	}

	.box-m {
		margin: 0 auto;
		width: 680rpx;
		height: 400rpx;
		background-color: darkcyan;
		border-radius: 25rpx;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}

	.shang {
		width: 680rpx;
		height: 190rpx;
		position: relative;
		line-height: 190rpx;
		color: white;
	}

	.xia {
		width: 680rpx;
		height: 190rpx;
		position: absolute;
		line-height: 190rpx;
		font-size: 20rpx;
		color: white;
	}

	.shang-one {
		left: 5%;
		position: absolute;
	}

	.shang-two {
		left: 71%;
		position: absolute;
	}

	.xia-one {
		left: 5%;
		position: absolute;
	}

	.xia-two {
		left: 70%;
		position: absolute;
	}

	.box-s {
		margin: 0 auto;
		width: 600rpx;
		height: 120rpx;
		// background-color: crimson;
		position: relative;
		line-height: 120rpx;
		text-align: center;
		font-size: 20rpx;
	}
	.xian{
		border: 0.5px solid powderblue;
		margin: 0 auto;
		width: 600rpx;
	}

	.bos-s-one {
		position: absolute;
		right: 65%;
	}

	.bos-s-two {
		position: absolute;
		left: 60%;
	}

	.flex {
		display: flex;
	}

	.shang::after {
		border: 1px solid powderblue;
	}

	.zhifu {
		height: 200rpx;
		width: 680rpx;
		margin-left: 50rpx;
	}

	button {
		height: 100rpx;
		width: 680rpx;
		background-color: red;
		color: white;
		border-radius: 30rpx;
	}
</style>
